<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>主页</title>
	<script type="text/javascript" src="js/checkplat.js"></script>
    <link href="css/base.css" rel="stylesheet">
    <link href="css/ico.css" rel="stylesheet">
    <link href="css/header.css" rel="stylesheet">
    <link href="css/scrollPic.css" rel="stylesheet">
    <link href="css/list-box.css" rel="stylesheet">
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
</head>
<body>
    <div class="login_mask">
        <div class="login_container">
            <div class="login-window">
                <span class="login_close" onclick="$('.login_mask').hide()">X</span>
                <form action="" autocomplete="off">
                    账号：&nbsp;<input type="text" class="userid" onfocus="if(this.value=='请输入用户名/手机号'){this.value=''}" onblur="if(this.value==''){this.value='请输入用户名/手机号'}" value="请输入用户名/手机号" /><br/>
                    密码：&nbsp;<input type="text" class="password" onfocus="if(this.value=='请输入密码'){this.value=''}" onblur="if(this.value==''){this.value='请输入密码'}" value="请输入密码"/><br/>
                    <input class="submit-btn" type="submit" value="登录" onclick="">
                    <a href="#">忘记密码</a>
                </form>
            </div>
        </div>
    </div>
    <div class="header">
        <div class="content">
            <div class="logo">
                <a href="index.html">
                    <img src="images/logo.png" title="LOGO">
                </a>
            </div>
            <ul class="top">
                <li>
                    <a href="index.html">首页</a>
                </li>
                <li>
                    <a href="person-page.html">个人中心</a>
                </li>
                <li>
                    <span>课程</span>
                    <ul class="sort-list">
                        <li></li>
                    </ul>
                </li>
            </ul>
            <div class="login_panel">
                <div class="logpre">
                    <ul>
                        <li class="login-model">
                            <a href="/" class="login-btn" onclick="$('.login_mask').show()">登录</a>
                        </li>
                        <li>
                            <a href="/" class="register">注册</a>
                        </li>
                        <li>
                            <a href="#" title="帮助" target="_blank">帮助</a>
                        </li>
                    </ul>
                </div>
                <div class="logafter inactive">
                    <div class="user_name">
                        <a href="#" class="uname">用户名</a>(<a href="#" title="消息">...</a>)<a href="#" title="注销">注销</a><a href="#" title="帮助" target="_blank">帮助</a>
                    </div>
                </div>
            </div>
            <div class="search_panel">
                <input autocomplete="off" class="search-input" onfocus="if(this.value=='请输入搜索内容'){this.value=''}" onblur="if(this.value==''){this.value='请输入搜索内容'}" value="请输入搜索内容" type="text" />
                <span class="ico ico-search-ico" onclick="search_click_handler();"></span>
                <script type="text/javascript">
                    function search_click_handler(){
                        var $s_input = $(".search-input");
                        console.log($s_input.val());
                        if($s_input.val() == "请输入搜索内容"){
                            if($s_input.css("width") == "0px"){
                                $s_input.animate({
                                    "width": "150px"
                                },500);
                            } else{
                                $s_input.animate({
                                    "width": "0px"
                                },500);
                            }
                            console.log(2);
                        } else{
                            console.log(1);
                            window.location.href="search.html";
                        }

                    }
                </script>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="scrollPic">
            <div class="page-btn">
                <span class="current">1</span>
                <span class="">2</span>
                <span class="">3</span>
                <span class="">4</span>
                <span class="">5</span>
            </div>
            <ul id="list">
                <li ><a href="#"><img src="images/hot1.png"></a></li>
                <li ><a href="#"><img src="images/hot2.png"></a></li>
                <li ><a href="#"><img src="images/hot3.png"></a></li>
                <li ><a href="#"><img src="images/hot4.png"></a></li>
                <li ><a href="#"><img src="images/hot5.png"></a></li>
            </ul>
        </div>
        <script type="text/javascript" src="js/scrollPic.js"></script>
        <div class="content" >
            <div class="container">
                <div class="row" style="width: 1200px;margin: 0 auto;padding-top: 15px;">
                    <div class="list-top" style="padding-bottom: 10px;border-bottom: 2px solid #999">
                        <p style="display: inline-block;font-size: 25px;color: #909090;padding-left: 22px;">热门课程 :</p>
                        <a style="margin-right: 40px;float: right;" href="#">更多内容>></a>
                    </div>
                    <div class="list-box">
                        <ul class="list">
                            <li class="course-one">
                                <a href="play.html">
                                    <div class="thumbnail"><img src="images/1-1.jpg" alt="缩略图"/></div>
                                    <div class="caption">
                                        <b>电商培训之如何使用平台</b><br/>
                                        <span>6524人学习</span>
                                    </div>
                                </a>
                            </li>
                            <li class="course-one">
                                <a href="play.html">
                                    <div class="thumbnail"><img src="images/1-2.jpg" alt="缩略图"/></div>
                                    <div class="caption">
                                        <b>电商培训之简单购物</b><br/>
                                        <span>1400人学习</span>
                                    </div>
                                </a>
                            </li>
                            <li class="course-one">
                                <a href="play.html">
                                    <div class="thumbnail"><img src="images/1-3.jpg" alt="缩略图"/></div>
                                    <div class="caption">
                                        <b>电商培训之互联网时代</b><br/>
                                        <span>788人学习</span>
                                    </div>
                                </a>
                            </li>
                            <li class="course-one">
                                <a href="play.html">
                                    <div class="thumbnail"><img src="images/1-4.jpg" alt="缩略图"/></div>
                                    <div class="caption">
                                        <b>走进互联网电商</b><br/>
                                        <span>5214人学习</span>
                                    </div>
                                </a>
                            </li>
                            <li class="course-one">
                                <a href="play.html">
                                    <div class="thumbnail"><img src="images/1-5.jpg" alt="缩略图"/></div>
                                    <div class="caption">
                                        <b>电商需求</b><br/>
                                        <span>277人学习</span>
                                    </div>
                                </a>
                            </li>
                            <li class="course-one">
                                <a href="play.html">
                                    <div class="thumbnail"><img src="images/1-6.jpg" alt="缩略图"/></div>
                                    <div class="caption">
                                        <b>指尖的互联网</b><br/>
                                        <span>2422人学习</span>
                                    </div>
                                </a>
                            </li>
                            <li class="course-one">
                                <a href="play.html">
                                    <div class="thumbnail"><img src="images/1-7.jpg" alt="缩略图"/></div>
                                    <div class="caption">
                                        <b>电商培训之如何做好电商</b><br/>
                                        <span>1324人学习</span>
                                    </div>
                                </a>
                            </li>
                            <li class="course-one">
                                <a href="play.html">
                                    <div class="thumbnail"><img src="images/1-8.jpg" alt="缩略图"/></div>
                                    <div class="caption">
                                        <b>电商培训之电商运营</b><br/>
                                        <span>3004人学习</span>
                                    </div>
                                </a>
                            </li>
                            <li class="course-one">
                                <a href="play.html">
                                    <div class="thumbnail"><img src="images/1-9.jpg" alt="缩略图"/></div>
                                    <div class="caption">
                                        <b>农产品电商</b><br/>
                                        <span>4054人学习</span>
                                    </div>
                                </a>
                            </li>
                            <li class="course-one">
                                <a href="play.html">
                                    <div class="thumbnail"><img src="images/1-0.jpg" alt="缩略图"/></div>
                                    <div class="caption">
                                        <b>电商培训之农村市场</b><br/>
                                        <span>6524人学习</span>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="">

        </div>
    </div>
    <div class="side-bar">
        <a href="#">
            <span class="gotop">返回顶部</span>
        </a>
    </div>
    <div class="footer">
        <p>©Copyright2004-2014 北京信立东方科技有限公司 京ICP备12039449</p>
    </div>
</body>
</html>